<%-- 
    Document   : restaurante
    Created on : 15/01/2014, 04:03:51 PM
    Author     : simon
--%>


<jsp:useBean id="objetoControladorRestaurante" class="controladores.controladorRestaurante" scope="session" />
<jsp:setProperty name="objetoControladorRestaurante" property="*" />
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/cssRestaurantes.css">
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
         <script src="js/bootstrap.js"></script>
         <script src="js/bootstrap.min.js"></script>
        <script src="js/scripts.js"></script>
    </head>
    <body>
        <header>
            
        </header>
        <section id="seccion_restaurante">
            <div class="container">
                <div class="row">
                    <div id="jumbotron-header">
                          <div class="alert alert-info"><button type="button" class="btn btn-success" disabled="disabled">Abierto</button> Nombre Restaurante</div>
                          <article id="img_icono"><img src="londerossur.jpg" class="img-thumbnail" width="140px" height="140px"/></article>
                          <article id="info-restaurante">
                              <article id="info-pedido"><span class="glyphicon glyphicon-usd"></span>Costo Pedido: <label id="costo-pedido">prueba</label></article>
                              <article id="info-pedido"><span class="glyphicon glyphicon-time"></span>Tiempo Pedido: <label id="costo-pedido">prueba</label></article>
                              <article id="info-pedido"><span class="glyphicon glyphicon-search"></span>Ejemplo: <label id="costo-pedido">prueba</label></article>
                              <article id="calificacion-restaurante">
                                  <%out.write(objetoControladorRestaurante.getCalificacion());%>
                              </article>    
                          </article>
                          <article id="compartir-facebook">
                              <div class="fb-share-button" data-href="http://developers.facebook.com/docs/plugins/" data-type="box_count"></div>
                          </article>
                    </div>
                    <ul class="nav nav-tabs" id="myTabs">
                        <li class="active"><a href="#informacion-restaurante">Londeros Restaurante</a></li>
                        <li><a href="#comentarios-restaurante">Comentarios</a></li>
                    </ul>
                    <div class="tab-content">
                        <div id="informacion-restaurante" class="tab-pane active">
                            <div id="categorias-restaurante">
                                <%out.write(objetoControladorRestaurante.getCategorias());%>
                            </div>
                            <div id="platos-restaurante">
                                <h1>
                                    <%out.write(objetoControladorRestaurante.getPlatos());%>
                                </h1>
                            </div>
                        </div>
                        <div id="comentarios-restaurante" class="tab-pane">
                            <h1>AQUI VAN LOS COMENTARIOS</h1>   
                        </div> 
                    </div>
                           
                </div>
            </div>
        </section>
    </body>
    <script type="text/javascript">
  $('#myTabs a').click(function (e) {
    e.preventDefault()
    $(this).tab('show')
  });
</script>
</html>
